<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html><!-- InstanceBegin template="/Templates/maintemplate.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- InstanceBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- InstanceEndEditable -->
<link rel="stylesheet" href="../styles/main.css" type="text/css"/>
<!--[if IE 6]><link rel="stylesheet" href="../styles/main4ie6.css" type="text/css"/><![endif]-->
<link rel="stylesheet" href="../styles/item.css" type="text/css"/>
<!-- InstanceBeginEditable name="head" -->


<link href="../styles/register.css" rel="stylesheet" type="text/css">
<link href="../styles/general_format.css" rel="stylesheet" type="text/css">
<!-- InstanceEndEditable -->
</head>

<body>
<div id="wrapper">
	<div id="banner">
	<div id="topOfPage" class="clsFloatLeft">
		<div id="mnuHome">
				<a id="mniHome" href="home.html"><span class="clsRedColor">H</span>ome</a>
				<a id="mniForum" href="#"><span class="clsRedColor"> F</span>orum</a>
			   <a id="mniGallery" href="#"><span class="clsRedColor">G</span>allery</a>
				<a id="mniContact" href="contact.html"><span class="clsRedColor">C</span>ontact us</a>
				<a id="mniAbout" href="about.html"><span class="clsRedColor">A</span>bout us</a>
				<a id="mniSitemap" href="sitemap.html"><span class="clsRedColor">S</span>ite map</a>		</div>	
	</div>
	
	<div class="clsFloatLeft"><img src="../images/Slice_2.jpg"/></div>
	<div class="clsFloatLeft"><img src="../images/Slice_3.jpg"/></div>
	<div class="clsFloatLeft"><img src="../images/Slice_4.jpg"/></div>
	<div class="clsFloatLeft"><img src="../images/Slice_5.jpg"/></div>
	
	<div class="clsFloatLeft" id="accountarea">
		<div id="rabit_cat" class="clsFloatLeft"><img src="../images/cat_rabbit.gif"></div>
		
		<div id="lnkAccount" class="clsFloatRight">
			<span>Hello: </span><span id="lblUser">Guest</span>
			<span class="clsClearBoth">
        	<a href="#">Login</a>
			|
            <a href="register.html">Register</a></span>        </div>
			<div id="hamster" class="clsFloatRight"><img  src="../images/hamster.gif" width="76" height="65"></div>
	</div>
	
    
  </div>
	
	<div id="leftpane">		
		<div class="clsFloatLeft"><img src="../images/Slice_9.jpg"/></div>
		<div class="clsFloatRight"><img src="../images/Slice_11.jpg"/></div>
		<span class="clsFloatLeft"><img src="../images/Slice_10.jpg"/></span>
		<div id="btnYellow" class="clsFloatLeft clsLeftMenuItem"><a href="menu_pets.html">Pets</a></div>
	  <div class="clsFloatLeft"><img src="../images/Slice_17.jpg"/></div>
		<div id="btnBlue" class="clsFloatLeft clsLeftMenuItem"><a href="#">Clothes</a></div>
	  <div class="clsFloatLeft"><img src="../images/Slice_23.jpg"/></div>
		<div id="btnGrey" class="clsFloatLeft clsLeftMenuItem"><a href="#">Food</a></div>
	  <div class="clsFloatLeft"><img src="../images/Slice_28.jpg"/></div>
		<div id="btnRed" class="clsFloatLeft clsLeftMenuItem"><a href="#">Toys</a></div>
	  <div class="clsFloatLeft"><img src="../images/Slice_32.jpg"/></div>
		<div id="btnGreen" class="clsFloatLeft clsLeftMenuItem"><a href="#">Furniture</a></div>
	  <div class="clsFloatLeft"><img src="../images/Slice_36.jpg"></div>
		<div class="clsFloatLeft"><img src="../images/Slice_38.jpg"></div>
		<div id="tabUserOnline" class="clsFloatLeft">1024</div>
		<div class="clsFloatLeft"><img src="../images/Slice_41.jpg"></div>
		<div class="clsFloatLeft"><img src="../images/Slice_43.jpg"></div>
		<div id="tabSearch" class="clsFloatLeft">
			<span class="clsClearBoth">Type:
			<select id="cmbType">
				<option>Pets</option>
				<option>Products</option>
			</select></span>
			<span class="clsClearBoth">
			Price:
			<select id="cmbPriceRange">
				<option>All</option>
				<option>&lt;$10</option>
				<option>$10 to $100</option>
				<option>$100 to $200</option>
				<option>$200 to $350</option>
				<option>$350 to $500</option>
				<option>&gt;$500</option>				
			</select></span>
			<span class="clsClearBoth">Word:<input type="text" id="txtSearch"/><input type="button" value="Go"/></span>
		</div>
		<div class="clsFloatLeft"><img src="../images/Slice_50.jpg"></div>
		<div class="clsFloatLeft"><img src="../images/Slice_53.jpg"></div>
		<div id="tabLanguage" class="clsFloatLeft">
		 Choose your language:
			<select id="cmbLanguage"></select>
		</div>
		<div class="clsFloatLeft"><img src="../images/Slice_55.jpg"></div>
		<div class="clsFloatLeft"><img src="../images/Slice_61.jpg"></div>
		
	</div>
	
	<div id="rightpane">
		<div class="clsFloatLeft"><img src="../images/Slice_13.jpg"/></div>
		<div class="clsFloatRight"><img src="../images/Slice_15.jpg"/></div>
		<div class="clsFloatLeft"><img src="../images/Slice_14.jpg" /></div>
		<div class="clsFloatLeft"><img src="../images/Petshop2_25_v2.jpg"/></div>
		<div class="clsFloatLeft"><img src="../images/Slice_26.jpg"/></div>
		<div class="clsFloatLeft"><img src="../images/Petshop2_31.jpg"/></div>
		<div class="clsFloatLeft"><img src="../images/Petshop2_38.jpg"/></div>
		<div class="clsFloatLeft"><img src="../images/Petshop2_60.jpg"/></div>
		<div class="clsFloatLeft"><img src="../images/Slice_47.jpg"/></div>
		<div class="clsFloatLeft"><img src="../images/Slice_49.jpg"/></div>
		<div class="clsFloatLeft"><img src="../images/Slice_52.jpg"/></div>
		<div id="shoppingCardTitle" class="clsFloatLeft clsShoppingCard" >
			<img src="../images/shoppingCart_top.gif"/></div>
			
			<!--code to control shopping cart goes here-->
		<div id="shoppingCard" class="clsFloatLeft clsShoppingCard">
			<table id="tblShoppingCart" border="1">
				<tr>
					<th>&nbsp;&nbsp;&nbsp;&nbsp;Item&nbsp;&nbsp;&nbsp;</th>
					<th>Quantity</th>
					<th>Price</th>
				</tr>
				<tr>
					<td><a href="#">a</a></td>
					<td><a href="#">3</a></td>
					<td><a href="#">$10</a></td>
				</tr>
				<tr>
					<td><a href="#">b</a></td>
					<td><a href="#">2</a></td>
					<td><a href="#">$15</a></td>
				</tr>
			</table>
			<br>
			Total: $60
		</div>
			<!-- end shopping cart-->
		<div class="clsFloatLeft clsShoppingCard"><img src="../images/shoppingCart_bot.gif"/></div>
		<div class="clsBestSeller clsFloatLeft"><img src="../images/bestseller_top.gif"></div>
		<div id="bestSeller" class="clsBestSeller clsFloatLeft"><br><br><br>	</div>
		<div class="clsBestSeller clsFloatLeft"><img src="../images/bestseller_bot.gif"></div>
		
		<div class="clsNews clsFloatLeft"><img src="../images/new_top.gif"/></div>
		<div id="news" class="clsFloatLeft clsNews" ></div>
		<div class="clsNews clsFloatLeft"><img src="../images/new_bot.gif"/></div>
		
	</div>	
	
	
	<div id="content" class="clsFloatLeft">
		<div class="clsFloatLeft"><img src="../images/Slice_12.jpg"/></div>		
		<div class="clsFloatLeft"><img src="../images/Slice_22.jpg"/></div>	
		<div class="clsFloatLeft"><img src="../images/Slice_29.jpg"/></div>	
		<div class="clsFloatLeft"><img src="../images/Slice_37.jpg"/></div>	
		<div class="clsFloatLeft"><img src="../images/Slice_44.jpg"/></div>	
		<div class="clsFloatLeft"><img src="../images/Slice_51.jpg"/></div>	
		<div class="clsFloatLeft"><img src="../images/Slice_56.jpg"/></div>	
		<div class="clsFloatLeft"><img src="../images/Slice_60.jpg"/></div>	
		<div class="clsFloatLeft"><img src="../images/Slice_62.jpg"/></div>	
		
		<div id="content_top" class="clsContent clsFloatLeft">
			<a href="#">Home</a> > <a href="#">New products	</a> </div>
		<!-- content of page is placed here -->
		<div id="maincontent" class="clsContent clsFloatLeft">
			
	    <!-- InstanceBeginEditable name="content_region" -->
<form id="frmRegister" action="" method="post">
<h3>Register</h3>
<span class="clsLineHeigt1">Please finished the below information. The fields with (*) is required.</span>
<fieldset>
<legend>Registration information</legend>
  <div><label>Username:</label><input type="text" /></div>
  <div><label>Password:</label>  <input type="text" /></div>
  <div><label>Full name:</label><input type="text" /></div>
  <div><label>Date of birth: </label><select id="cmbMonth"></select>/<select id="cmbDay"></select>/<select id="cmbYear"></select></div>
  <div><label>City: </label><select id="cmbCity"></select></div>
  <div><label>Address: </label><input type="text" /></div>
  <div><label>Phone: </label><input type="text" /></div>
  <div><label>Email: </label><input type="text" /></div>
  <div><label>ZIP Code: </label><input type="text" /></div>
  <div id="command"><button type="submit">Register</button>  <button type="reset">Reset</button></div>
  </fieldset>
</form>

<!-- InstanceEndEditable -->		</div>	
		<div id="botContent" class="clsContent clsFloatLeft"><img src="../images/content_bot.gif"/></div>
	</div>
	<div id="footer">
	<hr>
	<span class="clsClearBoth clsBold">HAPPY PETS </span>
	<span class="clsClearBoth">Tel: 0123456789 - Email: happypets@gmail.com - Address: 102 5F Owtrendats</span>
    <span class="clsClearBoth">Design by MEO QUE plus :)</span>
	<span class="clsClearBoth">Copyright &copy; 7/2011</span>    </div>
</div>
</body>
<!-- InstanceEnd --></html>
